<!DOCTYPE html>
<html>
<head>
    {include file="common/meta"}
    <style>
        .login-box {
            width: 385px;
        }
    </style>
</head>
<body class="hold-transition login-page">
<div class="login-box">
    <div class="login-logo">
        <a href="">{:lang('Application')}</a>
    </div>

    <div class="card card-default border-top-0">
        <div class="card-body login-card-body">
            <p align="center" class="login-box-msg mt-2">{:lang('Please enter your account password registered in the application center to log in.')}</p>
            <form action="{:url('/appcenter/online')}" method="post" class="frm-operate" novalidate>
                <div class="input-group mb-3">
                    <input type="text" class="form-control" placeholder="{:lang('Username')}" name="username" autocomplete="off" required>
                    <div class="input-group-append">
                        <div class="input-group-text">
                            <span class="fas fa-user"></span>
                        </div>
                    </div>
                </div>
                <div class="input-group mb-3">
                    <input type="password" class="form-control" name="password" placeholder="{:lang('Password')}" required>
                    <div class="input-group-append">
                        <div class="input-group-text">
                            <span class="fas fa-lock"></span>
                        </div>
                    </div>
                </div>
                <div class="form-group form-check">
                    <input type="checkbox" class="form-check-input" style="margin-top: 0.4rem;" id="exampleCheck1" name="remember" value="1" checked>
                    <label class="form-check-label" for="exampleCheck1" style="font-size: 14px">{:lang('Remember account password')}</label>
                </div>
                <div class="row ">
                    <div class="col-md-12 mt-3">
                        <button type="submit" class="btn btn-primary btn-block btn-submit">{:lang('Sign In')}</button>
                    </div>
                </div>
                <div class="social-auth-links text-center mb-3">
                </div>
                <p class="text-danger">{$msg??''}</p>
                <!-- /.social-auth-links -->

                <p class="mb-1">
                    <a href="{:config('cms.app_url').'index/user/login.html'}" target="_blank" class="text-secondary">{:lang('I forgot my password')}</a>
                </p>
                <p class="mb-0">
                    <a href="{:config('cms.app_url').'index/user/register.html'}" target="_blank" class="text-center text-secondary">{:lang('Register a new membership')}</a>
                </p>
            </form>
        </div>
        <!-- /.login-card-body -->
    </div>
</div>

{include file="common/script"}

</body>
</html>